/* element styles */
$--color-primary: #1ae1e6;
.el-menu--popup {
  .el-menu-item {
    color: rgba(255, 255, 255, .75);
    &:hover {
      color: rgba(255, 255, 255, 1);
    }
  }
}
.el-card {
  border-radius: 6px!important;
}
.el-button--primary {
  color: #fff;
  background-image: linear-gradient(to right, #00CEFF, #00F6D1)!important;
  border: none!important;
}
.el-button {
  border-radius: 20px!important;
}
.el-input__inner {
  border-radius: 20px!important;
}
.el-menu--horizontal {
  border-bottom: none!important;
  display: flex;
  flex-wrap: wrap;
  .el-submenu .el-submenu__title,
  .el-menu-item {
    height: .6rem!important;
    line-height: .6rem!important;
    &:hover {
      background-color: #f3f3f3!important;
    }
  }
  .el-menu-item {
    &:hover {
      background-color: #f3f3f3!important;
    }
  }
  .router-link-active {
    .el-menu-item {
      color: $--color-primary!important;
    }
  }
  .el-submenu.is-active .el-submenu__title,
  .el-menu-item.is-active  {
    border-bottom: 2px solid #1ae1e6;
    color: #303133;
    background-color: #ffffff !important;
  }
  .nest-menu .el-menu-item.is-active {
    border: none;
  }
  .el-submenu__title > span {
    margin-right: 20px;
  }
  .el-submenu__icon-arrow {
    vertical-align: middle;
    margin-top: -3px;
  }
}
